.pull-down-content {
    margin-top: -50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
}
.pull-down-content .spinner {
    display: inline-block;
    margin-right: 8px;
}
@-webkit-keyframes spinner-12 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    8.333333333333332% {
        -webkit-transform: rotate(30deg);
    }

    16.666666666666664% {
        -webkit-transform: rotate(60deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    33.33333333333333% {
        -webkit-transform: rotate(120deg);
    }

    41.66666666666667% {
        -webkit-transform: rotate(150deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    58.333333333333336% {
        -webkit-transform: rotate(210deg);
    }

    66.66666666666666% {
        -webkit-transform: rotate(240deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    83.33333333333334% {
        -webkit-transform: rotate(300deg);
    }

    91.66666666666666% {
        -webkit-transform: rotate(330deg);
    }
}

.pull-down-content .spinner:before {
    display: inline-block;
    width: 20px;
    height: 20px;

    content: " ";
    -webkit-animation: spinner-12 1.6s step-start infinite;
    vertical-align: middle;

    background-image: url("");
    background-size: 20px 20px;
}
.pull-down-content .none {
    display: none;
}